@charset "utf-8";

.zone {
	color: #fff;
	background: #0F395F;
	padding: 47px 0;
	height: calc(100vh - 47px);
}

.main {
	margin: 5px;
	background: #F7EFDE;
	border: 2px solid #779CBD;
	padding: 10px 5px;
	height: calc(100vh - 82px);
}

.list {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #F7E7CE;
	border: 1px solid;
	border-image: linear-gradient(0deg, #BB8D67, #E1BE87) 1 1;
	box-shadow: 0px 2px 1px 0px #BB8D67,0px -1px 1px 0px #FFFFFF;
	border-radius: 3px;
	padding: 16px 14px;
	margin-bottom: 7px;
}
.listin {
	font-size: 14px;
	color: #5A4531;
	line-height: 15px;
}
.is_open {
	width: 51px;
	height: 24px;
	background: #103C63;
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5), inset 0px 1px 3px 0px rgba(0,0,0,0.28);
	border-radius: 10px;
	border: 1px solid #0E385C;
	display: flex;
	align-items: center;
	justify-content: space-around;
	position: relative;
}
.is_open span {
	font-size: 14px;
	color: #FFFFFF;
	line-height: 15px;
}
.is_open p {
	position: absolute;
	left: 0;
	top: 3px;
	width: 25px;
	height: 18px;
	background: linear-gradient(180deg, #00D3FF 0%, #00A3F5 100%);
	box-shadow: inset 0px -1px 5px 0px rgba(255,255,255,0.41);
	border-radius: 9px;
}



/* !开关 */
.search_checkbox {
	margin: 0;
	padding: 0;
	height: 20px;
	width: 40px;
	display: flex;
	box-sizing: border-box;
  }
  
  .search_checkbox input[type=checkbox] {
	height: 0px;
	width: 0px;
	visibility: hidden;
  }
  
  .search_checkbox label {
	height: 20px;
	width: 40px;
	cursor: pointer;
	/* height: 20px; */
	border-radius: 0.5rem;
	display: inline-block;
	background-color: #C6CAD3;
	/* width: 40px; */
	text-indent: -99999px;
	position: relative;
  }
  
  .search_checkbox label::before {
	content: '';
	display: inline-block;
	background-color: #fff;
	height: 20px;
	width: 20px;
	position: absolute;
	top: 0;
	left: 1px;
	border-radius: 50%;
	transition: 0.3s;
  }
  
  .search_checkbox input:checked+label {
	background: #ffe14a;
  }
  
  .search_checkbox input:checked+label:before {
	left: calc(100% - 0.02rem);
	transform: translateX(-100%);
  }
  
  .search_checkbox label:active:before {
	width: 0.4rem;
  }
  
  @media (min-width: 240px) {
	html {
	  font-size: 32px;
	}
  }
  
  @media (min-width: 320px) {
	html {
	  font-size: 42.66667px;
	}
  }
  
  @media (min-width: 360px) {
	html {
	  font-size: 48px;
	}
  }
  
  @media (min-width: 375px) {
	html {
	  font-size: 50px;
	}
  }
  
  @media (min-width: 384px) {
	html {
	  font-size: 51.2px;
	}
  }
  
  @media (min-width: 411px) {
	html {
	  font-size: 54.8px;
	}
  }
  
  @media (min-width: 414px) {
	html {
	  font-size: 55.2px;
	}
  }
  
  @media (min-width: 424px) {
	html {
	  font-size: 56.53333px;
	}
  }
  
  @media (min-width: 480px) {
	html {
	  font-size: 64px;
	}
  }

